<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<?php echo $data["appid"];?>', // 必填，公众号的唯一标识
            timestamp:<?php echo $data["timestamp"];?>, // 必填，生成签名的时间戳
            nonceStr: '<?php echo $data["nonceStr"];?>', // 必填，生成签名的随机串
            signature: '<?php echo $data["sign"];?>',// 必填，签名
            jsApiList: [
                'getNetworkType',
                'openLocation',
                'getLocation'
                // 'onMenuShareAppMessage'，自己公众号没有权限发表朋友圈
            ],// 必填，需要使用的JS接口列表
        });
        wx.ready(function(){
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。
            // 对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            // wx.getNetworkType({
            //     success: function (res) {
            //         var networkType = res.networkType; // 返回网络类型2g，3g，4g，wifi
            //     }
            // });
            //获取地理位置接口
            wx.getLocation({
                type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
                success: function (res) {
                    var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                    var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                    var speed = res.speed; // 速度，以米/每秒计
                    var accuracy = res.accuracy; // 位置精度
                    // alert(latitude);
                    // alert(longitude);
                    // alert(speed);
                    // alert(accuracy);
                    wx.openLocation({
                        latitude: latitude, // 纬度，浮点数，范围为90 ~ -90
                        longitude: longitude, // 经度，浮点数，范围为180 ~ -180。
                        name: '走到哪里是哪里', // 位置名
                        address: '没有', // 地址详情说明
                        scale: 20, // 地图缩放级别,整形值,范围从1~28。默认为最大
                        infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
                    });
                }
            });
        });
    </script>
</head>
<body>
    <h1>我是分享页面</h1>
</body>
</html>